<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1986880_2c14z3sp81o.css">
    <link rel="stylesheet" href="../../css/normalize.css">
    <link rel="stylesheet" href="../../css/common.css">
    <title>我的-会员服务</title>
    <style>
        html,body{
            background-color: #F3F4F8;
        }
        .vipbanner{
            display: block;
            width: 100%;
            height: 400px;
            object-fit: cover;
        }
        .main{
            padding-top: 186px;
        }
        .atr-a{
            width: 100%;
            height: auto;
            overflow: hidden;
            
        }
        .atr-a:first-child{
            margin-top: 69px;
            margin-bottom: 80px;
        }
        .atr-a img{
            width: 600px;
            height: 300px;
        }
        .atr-a .right{
            width: 600px;
            height: auto;
            padding-left: 75px;
        }
        .atr-a .title{
            width: 100%;
            height: 30px;
            padding: 0 10px;
            line-height: 30px;
            border-left: 3px solid #4C9AFE;
            font-size: 30px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            margin-top: 100px;
        }
        .atr-a .tips{
            width: 100%;
            margin-top: 30px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .vipmenus{
            width: 100%;
            height: auto;
            overflow: hidden;
            background-color: #fff;
        }
        .vipmenus .title{
            width: 100%;
            padding:50px 0 ;
            text-align: center;
            font-size: 30px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        
        }
        .vipmenus .list{
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        .vipmenus .list .item{
            width: 25%;
            height: auto;
            margin-bottom: 50px;
            padding: 10px;
        }
        .vipmenus .list .item .pic{
            width: 54px;
            height: auto;
            display: block;
            margin: 0 auto;
        }
        .vipmenus .list .item .txt-a{
            width: 100%;
            text-align: center;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            padding: 10px 0;
        }
        .vipmenus .list .item .txt-b{
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            line-height: 24px;
        }
        .vipmenus .btn{
            width: 250px;
            height: 62px;
            text-align: center;
            line-height: 62px;
            background: #4C9AFE;
            border-radius: 31px;
            margin: 0 auto 50px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <div id="root">
        <div class="header">
            <div class="wrapper">
                <div class="row topmenus">
                    <div class="col header-address fl">
                        <i class="iconfont icondingweiweizhi"></i>
                        <span class="txt">郑州</span>
                        <i class="iconfont icondown-hollow"></i>
                    </div>
                    <div class="col header-menuns fr">
                        <a href="" class="txt fr">手机APP</a>
                        <a href="" class="txt fr">律师入驻</a>
                        <a href="" class="notice fr">
                            <i class="iconfont icontongzhi"></i>
                            <div class="cirle"></div>
                        </a>
                        <div class="lg fr txt">
                            欢迎，请
                            <a href="https:www.baidu.com" class="login">登录</a>
                            ｜ <a href='' class='resign'>免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="header-middle">
                    <img class="logo fl" src="../../images/lawyer.png" alt="">
                    <div class="downs fr">
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">安卓</div>
                        </div>
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">苹果</div>
                        </div>
                    </div>
                    <div class="search fr">
                        <div class="ipt-search fl">
                            <input class="ipt" type="text" placeholder="请输入您想要搜索的内容">
                            <i class="iconfont iconsousuo"></i>
                        </div>
                        <div class="btn-search fl">
                            <i class="iconfont iconbianji"></i>
                            <span>提问</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="menus">
                        <a class="item fl">
                            <span>法律咨询</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>找律师</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>律师说法</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a href='' class="item fl">
                            <span>律师问答</span>
                        </a>
                        <a href='' class="item fl">
                            <span>合同下载</span>
                        </a>
                        <a href='' class="item fl">
                            <span>法律知识</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <img src="../../images/vipbanner1.png" class="vipbanner">
            <div class="wrapper">
                <div class="atr-a">
                    <img src="../../images/vipbanner2.png" class="fl">
                    <div class="right fl">
                        <div class="title">解决法律问题更加高效快速</div>
                        <div class="tips">解答更快捷，内容更丰富，下单享折扣</div>
                    </div>
                </div>
                <div class="atr-a">
                    <img src="../../images/vipbanner3.png" class="fr">
                    <div class="right fr">
                        <div class="title">解决法律问题更加高效快速</div>
                        <div class="tips">解答更快捷，内容更丰富，下单享折扣</div>
                    </div>
                </div>
            </div>
            <div class="vipmenus">
                <div class="wrapper">
                    <div class="title">优先推送 快捷接单</div>
                    <div class="list">
                        <div class="item fl">
                            <img src="../../images/vmenu1.png" class="pic">
                            <div class="txt-a">电话咨询</div>
                            <div class="txt-b">律师接单时，平台统一呼叫系统自动连通接单律师与客户，由律师提供电话咨询服务</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu2.png" class="pic">
                            <div class="txt-a">语音咨询</div>
                            <div class="txt-b">律师通过APP或网站的“在线沟通功能，以线上聊天方式向客户提供咨询服务</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu3.png" class="pic">
                            <div class="txt-a">在线沟通</div>
                            <div class="txt-b">律师通过APP“在线沟通”中的“语音通话”功能，向客户提供语音咨询服务</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu4.png" class="pic">
                            <div class="txt-a">视频连线</div>
                            <div class="txt-b">律师通过APP“在线沟通”中的“视频通话”功能，向客户提供视频连线服务</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu5.png" class="pic">
                            <div class="txt-a">合同起草</div>
                            <div class="txt-b">律师根据用户的具体需求，有针对性的起草合同或法律文书</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu6.png" class="pic">
                            <div class="txt-a">面对面咨询</div>
                            <div class="txt-b">律师根据与客户协商约定的时间地点，当面向客户提供咨询服务</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu7.png" class="pic">
                            <div class="txt-a">刑事会见</div>
                            <div class="txt-b">律师根据客户委托，与被刑事拘留的当事人依法进行会见，并及时与家属沟通案情及当事人情况</div>
                        </div>
                        <div class="item fl">
                            <img src="../../images/vmenu7.png" class="pic">
                            <div class="txt-a">私人律师</div>
                            <div class="txt-b">律师通过线上方式（包括：在线文字交流、语音交流、电话交流），在一定期限内提供不限次数的咨询服务</div>
                        </div>
                    </div>
                    <div class="btn">立即开通会员服务</div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="wrapper">
                    <div class="menus">
                        <a class="item fl" href="">关于我们</a>
                        <a class="item fl" href="">通知公告</a>
                        <a class="item fl" href="">意见反馈</a>
                        <div class="item fl">客服邮箱：KeFu12455@qq.com</div>
                        <a class="item fl">客服电话：400-902-9980</a>
                    </div>
                    <div class="downs">
                        <div class="item fl">
                            <div class="title">公众服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">找律师</a>
                                    <a class="link-url-item" href="">问律师</a>
                                    <a class="link-url-item" href="">学法规</a>
                                    <a class="link-url-item" href="">合同下载</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">用户APP下载地址</div>
                                        <div class="info-b">快速找律师/在线咨询</div>
                                        <div class="info-c">差法律知识/查看解答/随时追问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fr">
                            <div class="title">律师服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">律师加盟</a>
                                    <a class="link-url-item" href="">律师营销</a>
                                    <a class="link-url-item" href="">在线接单</a>
                                    <a class="link-url-item" href="">多人协作</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">律师APP下载地址</div>
                                        <div class="info-b">营销分析/回复咨询</div>
                                        <div class="info-c">案件洽谈/异地协查</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-beian">
                <div class="wrapper">
                    律师网版权所有 20205-2020 粤ICP备10231287号-5 粤公安网安备 44010602222号 增值电信业务经营许可证(ICP)粤B2-20100586
                </div>
            </div>
        </div>
    </div>
</body>

</html>